import './assets/main.css'

import { createApp, reactive, ref } from 'vue'
import App from './App.vue'

console.clear()

const app = createApp(App)

app.provide('mainBrandId', ref(undefined))
app.provide('endorsedBrandId', ref(undefined))
app.provide('cooperatedBrandId', ref(undefined))

const provides = [
  'brands',
  'mains',
  'endorses',
  'cooperates',
  'colors',
  'graphics',
  'compositions',
  'mashups',
  'schemes',
  'suites',
  'formats'
]
provides.map(name => {
  app.provide(name, ref([]))
})

app.mount('#app')

